<!--
 * @by: VMLY&R
 * @Author: taiming.li
 * @LastEditTime: 2021-09-07 18:13:17
 * @FilePath: /webAudio/src/index.html
 * @E-mail: 834777406@qq.com
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>webAudio</title>
    <script>
        setFontSize()
        window.onresize = function () { setFontSize() }
        function setFontSize () { document.getElementsByTagName('html')[0].style.fontSize = parseInt(document.documentElement.clientWidth) / 7.5 + 'px' }
    </script>
    <link href="./css/reset.css" type="text/css" rel="stylesheet">
</head>
<body>
<audio id="audio" src="media/music.mp3"  style="display:none"> </audio>

<div id="main">
    <div id="p1">
        <canvas id="canvas2" width="800" height="300"></canvas>
        <canvas id="canvas" width="800" height="300"></canvas>

        <div class="pa hz">maxHz：0</div>
        <div class="pa score">score：0</div>
        <div class="pa play">play</div>
        <div class="pa stop">pause/stop</div>
    </div>
</div>

<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/app.js"></script>
</body>

</html>